<template>
	<u-modal title="版本更新" :show="show" @confirm="confirm" ref="uModal" :asyncClose="true">
		<template #default>
			<view class="content">
				新版本下载中...
				<view style="margin-top: 30rpx;"></view>
				<u-line-progress :percentage="percentage"></u-line-progress>
			</view>
		</template>
	</u-modal>
</template>

<script>
	export default {
		name:"updateModal",
		data() {
			return {
				
			};
		},
		computed: {
			percentage() {
				return this.$store.state.percentage
			},
			show: {
				get() {
					return this.$store.state.showUpdate
				},
				set(val) {
					this.$store.state.showUpdate = val
				}
			}
		},
		methods: {
			close() {
				this.show = false;
			},
			confirm() {
				this.show = false
			}
		}
	}
</script>

<style lang="scss" scoped>
.content {
	color: #333;
	width: 80%;
	text-align: center;
}
</style>